<template>
    <fieldset>
        <legend>混入组件</legend>
        <h1>一些内容</h1>
        <button @click="handleClick">点击</button>
        <button @click="handleClick2">点击2</button>
        <h1>{{msg}}</h1>
        <h1>{{msg2}}</h1>
    </fieldset>
</template>

<script>
// 混入可以将组件进行分发，可以定义到一个独立的对象中，
// 一个可以混入的对象包含了组件的所有的选项
// 混入特点：混入对象与组件同名钩子函数冲突合并成数组，优先执行混入对象的钩子函数
// 同名的选项也会合并，若属性冲突，那么以组件的属性为主
// 缺点：代码可读性差
import mixCom from"../../mixins/mixCom"
export default{
    mixins:[mixCom],
    data () {
        return {
            msg:"保留一丝信仰，观看大千生灭"
        }
    },
    methods: {
        handleClick(){
            console.log('组件点击事件');
        }
    },
    mounted(){
        console.log('组件的Mounted钩子函数');
        console.log('组件的Mounted钩子函数');
    }
}



</script>